<!DOCTYPE HTML>
<html>
    <head>
        <title>全球smt测评在线交易平台</title>
        <meta charset="UTF-8">
        <meta name="keywords" content="smt测评，b2b，在线交交易市场,网上交易,网上贸易,安全购物,电子商务,供应,买卖信息,外贸,批发 " />
        <meta name="description" content="全球smt测评是帮助中小企业接触终端批发零售商，小批量多批次快速销售，拓展利润空间而全力打造的融合订单、支付、物流于一体的外贸在线交易平台。" />
        <link rel="shortcut icon" href="../images/favicon.ico" type="image/x-icon" />
    </head>
    <body>
        <!--<script type="text/javascript" src="/static/Content/loginStyle/js/beacon_ws.js"></script>-->
        <!--        <script type="text/javascript">        var dmtrack_c = '{ali_resin_trace=JoinInStepLog=joinstep0%26%26%26main}';
                    var dmtrack_pageid = '1b1077b2ac1e3a1c1395294778';
                    sk_dmtracking();</script>-->
        <noscript>
        <img src="/static/Content/loginStyle/images/b.jpg" width="1" height="1" style="display: none"></noscript>
        <link rel="stylesheet" href="/static/Content/loginStyle/css/reset.css" />

        <link href="/static/Content/ValidateCss.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" href="/static/Content/loginStyle/css/grids.css" />
        <link rel="stylesheet" href="/static/Content/loginStyle/css/button.css">
        <link rel="stylesheet" href="/static/Content/loginStyle/css/board.css">
        <link rel="stylesheet" href="/static/Content/loginStyle/css/m-wholesale-join-head.css" />
        <link rel="stylesheet" href="/static/Content/loginStyle/css/m-wholesale-join-flow-v130114.css" />
        <link rel="stylesheet" href="/static/Content/loginStyle/css/m-wholesale-join-foot.css" />
        <link rel="stylesheet" href="/static/Content/loginStyle/css/p-wholesale-join-v130114.css" />
        <script src="/static/Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
        <script src="/static/Scripts/jquery.validate.min.js" type="text/javascript"></script>
        <script src="/static/Scripts/msgBox.js" type="text/javascript"></script>

        <link href="/static/Content/showloading/showLoading.css" rel="stylesheet" type="text/css" />
        <script src="/static/Content/showloading/jquery.showLoading.js" type="text/javascript"></script>

        <!--<script src="/static/Scripts/md5.js" type="text/javascript"></script>-->
        <div class="head">
            <h1 class="logo">
                <a href="/">MliEasy 全球smt测评</a>
            </h1>
            <span class="sign"><a href="{:U('Account/login')}">
                    登录</a> </span>
        </div>
        <!--注册进度条-->
        <div class="flow-wrap">
            <ul class="flow clearfix">
                <li class="current">
                    <div>
                        <span>设置账户信息</span></div>
                </li>
                <li>
                    <div>
                        <span>验证账户信息</span></div>
                </li>
                <li>
                    <div>
                        <span>注册成功</span></div>
                </li>
            </ul>
        </div>
        <div class="grid-c2-s6f" style="padding-bottom: 50px;">
            <div class="col-main" style="width: auto;">
                <div class="main-wrap" style="width:380px;">
                    <div id="cn-form-wrap">
                        <form name="CnfmJoinForm" id="register" method="post">
                            <legend>创建帐号</legend>
                            <table style="width:380px;">
                                <tr>
                                    <th>
                                        <span class="required">*</span>电子邮箱：
                                    </th>
                                    <td>
                                        <input id="email" class="text" type="text" maxlength="128" name='email' value="" />

                                    </td>
                                </tr>
                                <tr>
                                    <th>
                                        <span class="required">*</span>创建登陆密码：
                                    </th>
                                    <td>
                                        <input id="password" class="text" type="password" maxlength="20" name='password'
                                               value="" />
                                        <div id="password-tip" class="tip">
                                            <div class="tip-board hide">
                                                <span class="tip-arrow"></span>
                                                <p>
                                                </p>
                                            </div>
                                            <div class="tip-success hide">
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <th>
                                        <span class="required">*</span>再次输入密码：
                                    </th>
                                    <td>
                                        <input id="confirm_password" class="text" type="password" maxlength="20" name='confirm_password'
                                               value="" onpaste="return false" />
                                        <div id="password-confirm-tip" class="tip">
                                            <div class="tip-board hide">
                                                <span class="tip-arrow"></span>
                                                <p>
                                                </p>
                                            </div>
                                            <div class="tip-success hide">
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            </table>

                            <fieldset>
                                <legend>完善信息</legend>
                                <table>
                                    <tr>
                                        <th>
                                            <span class="required">*</span>昵称：
                                        </th>
                                        <td>
                                            <input id="first-name" type="text" class="text" style="width:150px" placeholder="Full name (名)" maxlength="128"
                                                   name="first_name" placeholder="Full Name (名)" />


                                            <div id="last-name-tip" class="tip">
                                                <div class="tip-board hide">
                                                    <span class="tip-arrow"></span>
                                                    <p>
                                                    </p>
                                                </div>
                                                <div class="tip-success hide">
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>
                                            <span class="required">*</span>真实姓名：
                                        </th>
                                        <td>
                                            <input id="last-name" type="text" class="text" style="width:150px" placeholder="请填写真实姓名" maxlength="128"
                                                   name="last_name" placeholder="(请填写真实姓名)" />


                                            <div id="last-name-tip" class="tip">
                                                <div class="tip-board hide">
                                                    <span class="tip-arrow"></span>
                                                    <p>
                                                    </p>
                                                </div>
                                                <div class="tip-success hide">
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>
                                            <span class="required">*</span>手机号码：
                                        </th>
                                        <td>
                                            <input id="mobile-country-code" class="text" type="text" disabled="disabled" readonly="readonly"
                                                   value="+86" />
                                            <input name="mobile_no" id="mobile_no" value="" class="text" type="text" maxlength="11">

                                            <div id="mobile-no-tip" class="tip">
                                                <div class="tip-board hide">
                                                    <span class="tip-arrow"></span>
                                                    <p>
                                                    </p>
                                                </div>
                                                <div class="tip-success hide">
                                                </div>
                                            </div>
                                        </td>
                                    </tr>

                                    <tr>
                                        <th>
                                            <span class="required">*</span>QQ号码：
                                        </th>
                                        <td>
                                            <input id="QQ" type="text" class="text" style="width:150px" placeholder="QQ" maxlength="128"
                                                   name="QQ" placeholder="QQ" />


                                            <div id="last-QQ-tip" class="tip">
                                                <div class="tip-board hide">
                                                    <span class="tip-arrow"></span>
                                                    <p>
                                                    </p>
                                                </div>
                                                <div class="tip-success hide">
                                                </div>
                                            </div>
                                        </td>
                                    </tr>




                                </table>
                            </fieldset>
                            <input type="button" class="btn-submit-l" onclick=submitSave() value="注册会员">
                        </form>
                    </div>
                </div>
            </div>
            <div class="col-extra">
                <!--skylight-seller/register/right_banner.html -start -->
                <div class="regLeads">
                    <img src="/static/images/zcbanner.jpg" />
                </div>
                <!--skylight-seller/register/right_banner.html -end -->
            </div>
            <div style="text-align: right; padding-right: 10px; line-height: 18px; padding-bottom: 10px;">
                <img src="/static/Content/loginStyle/images/1287.png" height="18" width="18" style="vertical-align: middle;">

            </div>
        </div>
        <!-- page root-->
        <div id="ft">




            <!-- 页尾投放 tms begin -->
            <!-- 页尾投放 tms end -->

            <div class="footer">
                <p class="foot-nav">
                </p>

            </div>
            <script>
                $().ready(function() {
                    $("#register").validate({
                        rules: {
                            email: {
                                required: true,
                                email: true
                            },
                            password: {
                                required: true,
                                minlength: 5
                            },
                            confirm_password: {
                                required: true,
                                minlength: 5,
                                equalTo: "#password"
                            },
                            mobile_no: {
                                required: true,
                                digits: true
                            },
                            QQ: {
                                required: true,
                                digits: true
                            },
                            first_name: {
                                required: true
                            },
                            last_name: {
                                required: true
                            }

                        },
                        messages: {
                            email: {
                                required: "请输入Email地址",
                                email: "请输入正确的email地址"
                            },
                            password: {
                                required: "请输入密码",
                                minlength: jQuery.format("密码不能小于{0}个字 符")
                            },
                            confirm_password: {
                                required: "请输入确认密码",
                                minlength: "确认密码不能小于5个字符",
                                equalTo: "两次输入密码不一致不一致"
                            },
                            mobile_no: {
                                required: "请输入手机号",
                                digits: "请输入数字"
                            },
                            QQ: {
                                required: "请输入QQ号,方便任务接手方联系",
                                digits: "请输入数字"
                            },
                            first_name: {
                                required: "必填字段"
                            },
                            last_name: {
                                required: "必填字段"
                            }
                        }
                    });

                });

                //获得省市数据
                $(function() {
                    //$('#province').change(function () {
                    //    var provinceId = $("#province").val()

                    //    //这里是根据左侧单击的行，查找右侧的数据，并返回
                    //    $.post("/login/getCity/", "ProvinceId=" + provinceId, function (data) {
                    //        $("#city").html(data); //这里是重点，右侧数据获取后要显示到div中
                    //    }, "text");

                    //    //屏蔽超级链接跳转  
                    //    return false;

                    //})
                    //if ($.browser.msie && ($.browser.version == '6.0' || $.browser.version == '7.0')) {
                    //    // 如果符合条件，弹出提示，升不升级是他们的选择，我觉得不需要强制。
                    //    alert("您的浏览器版本过低，请尽快升级IE8以上或使用谷歌火狐等浏览器，否则可能会影响部分功能的使用！");
                    //    // 如果一定要强制的话，在这里加一句代码。
                    //    return;
                    //}


                });


                //创建 msgBox 对象 ("imghref": "/images/") 指定图片路径
                $(function() {
                    $.msgBox = new MsgBox({"imghref": "/static/images/"});
                })



                function submitSave() {
                    //验证表单

                    if (!$("#register").valid()) {
                        return;
                    }
                    //开启遮罩
                    jQuery('#register').showLoading();

            //                                    $("#password").val(hex_md5($("#password").val()))
            //                                    var confirm_passwordMd5 = hex_md5($("#confirm_password").val());
            //
            //                                    $("#confirm_password").val(confirm_passwordMd5)

                    $.ajax({
                        url: "{:U('Account/reg')}",
                        type: "post",
                        dataType: "json",
                        data: $("#register").serialize(), //表单序列化
                        success: function(data) {
                            $("#password").val("");
                            $("#confirm_password").val("");
                            if (data.status == 1) {
                                $.msgBox.showMsgOk(data.info);
                                //阻塞1秒后跳转
                                setTimeout(function() {
                                    location.href = "{:U('User/index')}";
                                }, 1000);

                            } else {
                                $.msgBox.showMsgErr(data.info);
                            }

                            jQuery('#register').hideLoading();       //关闭遮罩
                        },
                        error: function(err) {
                            $.msgBox.showMsgErr('系统异常！');
                            jQuery('#register').hideLoading();       //关闭遮罩
                        }
                    })
                }
            </script>
